<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="../lib/dm/css/dm_lib.css">
    <link rel="stylesheet" href="../css/dm.css">
    <title>人工客服</title>
</head>
<body pt="2">
<div class="dm_page">
    <div id="wrapper" class="wrapper">
        <div id="dm_list" class="dm_content">
        </div>
    </div>
    <div class="dm_footer dm_anim_transition">
        <div>
            <div id="dm_input" class="dm_input" contenteditable="true" pt="2" onkeydown="onKeyDown(event)" onkeyup="onKeyUp(event)" oninput="onInput(this)"></div>
            <span class="dm_toolbar_button" p="0_0" onclick="onCallClicked()"><img class="dm_button_image" src="../image/btn_call.png"></span>
            <span class="dm_toolbar_button" p="1_0" onclick="onMoreClicked()"><img class="dm_button_image" src="../image/btn_more.png"></span>
            <span class="dm_toolbar_button" p="1_1" onclick="onEmojiClicked()"><img class="dm_button_image" src="../image/btn_emoji.png"></span>
            <div class="dm_toolbar_button" id="dm_btn_send"><div>发送</div></div>
        </div>
    </div>
</div>
<!--底部面板-->
<div class="dm_panel_bottom">
    <table id="dm_panel_bottom_op" class="dm_anim_transition" type="op" col="2">
        <tr>
            <td>
                <div id="dm_btn_download" class="dm_panel_bottom_op_item" onclick="onPanelOPItemClicked(this)">
                    <img src="../image/btn_download.svg">
                    <span>单据下载</span>
                </div>
            </td>
            <td>
                <div id="dm_btn_image" class="dm_panel_bottom_op_item" onclick="onPanelOPItemClicked(this)">
                    <img src="../image/btn_image.svg">
                    <span>图片</span>
                    <input id="dm_input_file" type="file" accept="image/*" capture="camera" onchange="onBrowerFile(this)">
                </div>
            </td>
        </tr>
    </table>
    <table  id="dm_panel_bottom_emoji" class="dm_anim_transition" type="emoji" onload="onDOMLoaded(this)">
    </table>
</div>
<!--大图面板-->
<div class="dm_panel"  onclick="onPanelClicked()">
    <div id="wrapper_panel" class="wrapper" >
        <div id="dm_panel_content">
            <img id="dm_panel_content_image" onload="onDOMLoaded(this)">
            <!--<div style="height: 500px; background: yellow">aaaa</div>-->
            <!--<div style="height: 500px; background: green">bbbb</div>-->
        </div>
    </div>
    <a id="dm_panel_content_button">保存图片</a>
</div>
</body>
<script src="../lib/jquery/jquery-3.1.1.js"></script>
<script src="../lib/iscroll/iscroll.js"></script>
<script src="../lib/dm/js/dm_lib.js"></script>
<script src="../js/dm.js"></script>
</html>